
body {
  background-color: #eeeeee;
  letter-spacing: 3px;
}
body,td,th {
  font-family: "微软雅黑";
}

a:link {
  text-decoration: none;
  color: #000;
}
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

a{ border:0; }

ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#header { background-color: #393a3f;}

.content {
  margin: 0px;
  padding: 0px;
}

.user {
  background: #89d3d3;   /*不能渐变的浏览器*/ 
  background: -moz-linear-gradient(left, #89d3d3 0%, #c0f3cc 100%); /*firefox*/
  background:-webkit-linear-gradient(left,#89d3d3,#c0f3cc);
  background: -o-linear-gradient(left, #89d3d3 0%, #c0f3cc 100%); /*opera*/
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#89d3d3), color-stop(100%,#c0f3cc));
  background: linear-gradient(to right, #89d3d3 0%,#c0f3cc 100%);
    /* ie6 + */
  background:filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89d3d3', endColorstr='#c0f3cc');
    /* ie8 + */
  background:-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#89d3d3', endColorstr='#c0f3cc')";
    /* ie10 */
  background: -ms-linear-gradient(#89d3d3, #c0f3cc);
  background: -webkit-gradient(linear, from(#89d3d3),to(#c0f3cc)); /*chrome, safari*/
}

.redpoint{
 height:25px;
  width:25px;
  border-radius:16px;
  display:inline-block;
  text-align:center;
  font-size:0.1em;
  color:#fff;
  background:red;
   position: relative;
  top: -8px;
  right: 8px;
}

.u_name {
  display: block;
  color: #fff;
}

.jifen,
.integral {
  font-weight: normal;
}

.jifen {color: #858585;}

.integral {color: #f8ff84;}

.integral:hover,
.integral:active {
  color: red;
}

.icon2 img,
.icon2 a {
  vertical-align: middle;
}

.icon2 a {
  color: #0ebeec;
  font-weight: normal;
}

.evaluate {
 color: #010101;
 background-color: #fff;
}

.left {
  float: left;
  margin-left: 20px;
}

.num {color: #7bd3bf;}

.mid_1,
.mid_2,
.mid_3 {
  float: right;
  text-align: center;
}

.mid_1 div,
.mid_2 div,
.mid_3 div,
.right a  {
  color: #7bd3bf;
}

.mid_1 a,
.mid_2 a,
.mid_3 a {
  font-weight: normal;
}

.mid_1,
.mid_2 {
  border-left: 2px solid #7bd3bf;
}

.eva_1 a,
.eva_2 a,
.eva_3 a {
  color: #010101;
}

.right {float: right;}

.right a:hover,
.right a:active {
  background-color: #cef0e4;
}

.list li {background-color: #fff;}

.list li a {
  color: #000;
  font-weight: normal;
}

.r-icon {
  float: right;
  color: #7bd3bf;
}

.list li:active,
.list li:hover {
  background-color: #cef0e4;
}

.user p a,
.user p span,
.list li img,
.list li span {
  vertical-align: middle;
}

@media screen and (min-width: 320px) {
  .u_name {
    font-size: 16px;  
    padding-top: 10px;
  }

  .photo {
    margin-top: 8px;
    width: 70px;
    height: 70px;
  }
  .user p {padding-bottom: 15px;}

  .icon2 {margin-left: 8px;}

  .icon2 img {
    width: 26px;
    height: 16px;
  }

  .jifen,
  .integral,
  .icon2 a,
  .evaluate,
  .list li a span {
    font-size: 14px;
  }

  .mid_1 a,
  .mid_2 a,
  .mid_3 a {
    font-size: 12px;
  }


  .evaluate {
   letter-spacing: 1px;
   height: 50px;
   min-height: 50px;
   height: auto !important;
   margin-top: -15px;
   padding-top: 15px;
  }

  .left div {margin-bottom: 3px;}

  .mid_1,
  .mid_2,
  .mid_3 {
    padding: 0px 10px;
  }

  .right {margin: 10px 20px 0px 20px;}

  .list ul {
    margin-top: 20px;
  }

  .list li {
    padding:10px 20px;
    margin-bottom: 5px;
  }

  .list li a span{margin-left: 10px;}

  .list li img {
    width: 25px;
    height: 20px;
  }
}

@media screen and (min-width: 410px) {
  .u_name {
    font-size: 24px;
    padding-top: 15px;
  }

  .photo {
    margin-top: 12px;
    width: 100px;
    height: 100px;
  }
  .user p {padding-bottom: 20px;}

  .icon2 {margin-left: 10px;}

  .icon2 img {
    width: 30px;
    height: 18px;
  }

  .jifen,
  .integral,
  .icon2 a,
  .evaluate,
  .list li a span {
    font-size: 18px;
  }

  .mid_1 a,
  .mid_2 a,
  .mid_3 a {
    font-size: 14px;
  }

  .evaluate {
   letter-spacing: 2px;
   height: 70px;
   min-height: 70px;
   height: auto !important;
   margin-top: -15px;
   padding-top: 20px;
  }

  .left div {margin-bottom: 5px;}

  .list ul {
    margin-top: 25px;
  }

  .list li {
    padding:15px 20px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 600px) {
  .u_name {
    font-size: 34px;  
    padding-top: 20px;
  }

  .photo {
    margin-top: 20px;
    width: 160px;
    height: 160px;
  }
  .user p {padding-bottom: 25px;}

  .icon2 {margin-left: 28px;}

  .icon2 img {
    width: 40px;
    height: 25px;
  }

  .jifen,
  .integral,
  .icon2 a,
  .evaluate,
  .list li a span {
    font-size: 28px;
  }

  .mid_1 a,
  .mid_2 a,
  .mid_3 a {
    font-size: 22px;
  }


  .evaluate {
   letter-spacing: 1px;
   height: 95px;
   min-height: 95px;
   height: auto !important;
   margin-top: -15px;
   padding-top: 25px;
  }

  .left div {margin-bottom: 5px;}

  .list ul {
    margin-top: 30px;
  }

  .list li {
    padding:20px 20px;
    margin-bottom: 5px;
  }

  .list li a span{margin-left: 15px;}

  .list li img {
    width: 35px;
    height: 28px;
  }
}

@media screen and (min-width: 800px) {
  .u_name {
    font-size: 40px;  
    padding-top: 30px;
  }

  .photo {
    margin-top: 28px;
    width: 190px;
    height: 190px;
  }
  .user p {padding-bottom: 35px;}

  .icon2 {margin-left: 28px;}

  .icon2 img {
    width: 48px;
    height: 32px;
  }

  .jifen,
  .integral,
  .icon2 a,
  .evaluate,
  .list li a span {
    font-size: 35px;
  }

  .mid_1 a,
  .mid_2 a,
  .mid_3 a {
    font-size: 28px;
  }

  .evaluate {
   letter-spacing: 3px;
   height: 120px;
   min-height:120px;
   height: auto !important;
   margin-top: -15px;
   padding-top: 25px;
  }

  .left div {margin-bottom: 5px;}

  .list ul {
    margin-top: 45px;
  }

  .list li {
    padding:25px 20px;
    margin-bottom: 8px;
  }

  .list li a span{margin-left: 20px;}

  .list li img {
    width: 40px;
    height: 32px;
  }
}

@media screen and (min-width: 1440px) {
  .u_name {
    font-size: 90px;  
    padding-top: 50px;
  }

  .photo {
    margin-top: 28px;
    width: 340px;
    height: 340px;
    margin-bottom: 20px;
  }
  .user p {padding-bottom: 55px;}

  .icon2 {margin-left: 42px;}

  .icon2 img {
    width: 90px;
    height: 58px;
  }

  .jifen,
  .integral,
  .icon2 a,
  .evaluate,
  .list li a span {
    font-size: 70px;
  }

  .mid_1 a,
  .mid_2 a,
  .mid_3 a {
    font-size: 52px;
  }

  .evaluate {
   letter-spacing: 3px;
   height: 220px;
   min-height:220px;
   height: auto !important;
   margin-top: -15px;
   padding-top: 35px;
  }

  .mid_1,
  .mid_2,
  .mid_3 {
    padding: 0px 40px;
  }

  .right {margin: 30px 40px 0px 60px;}

  .left div {margin-bottom: 15px;}

  .list ul {
    margin-top: 65px;
    margin-left: 20px;
  }

  .list li {
    padding:45px 20px;
    margin-bottom: 10px;
  }

  .list li a span{margin-left: 20px;}

  .list li img {
    width: 95px;
    height: 60px;
  }

  .r-icon {margin-right: 20px;}
}
